// 引入所需模块
import $ from "./select.js";
import formCheck from "./formCheck.js";
import ajax from "./ajax.js";
import alert from "./alert.js";

// 执行表单验证，传入正则和要被验证的输入框
const unFlag = formCheck({
    reg:/^[\w-]{6,10}$/,
    sel:"#username"
});

// 执行表单验证，传入正则和要被验证的输入框
const pwFlag = formCheck({
    reg:/^[0-9a-z]{6,10}$/,
    sel:"#password"
});

// 点击注册按钮
$("#btn").onclick = function(){
    // 判断验证结果
    if(unFlag.val && pwFlag.val){
        // 发起注册请求
        ajax({
            url:"http://127.0.0.1:3000/register",
            data:{
                username:$("#username").value,
                password:$("#password").value
            },
            type:"post"
        }).then(res=>{
            // 解析注册之后的数据
            res = JSON.parse(res);
            // 根据解析结果，执行不同的功能提示
            if(res.code === 0){
                alert({
                    text:"用户名重复，请换一个",
                    closeType:"auto",
                    close:()=>{
                        // 清空用户名，同时自动获取焦点
                        $("#username").value = "";
                        $("#username").focus();
                    }
                })
            }else{
                alert({
                    text:"注册成功",
                    closeType:"auto",
                    close:()=>{
                        // 跳转到登录
                        location.assign("./login.html")
                    }
                })
            }
        })
    }else{
        alert({
            text:"用户名或密码格式不对",
            closeType:"auto"
        })
    }
}
